<!DOCTYPE <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="css/public.css" />
    <link rel="stylesheet" href="css/styles.css">
    <script type="text/javascript" src="js/rem_js.js"></script>
    <script type="text/javascript" src='js/fastclick.js'></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <style>
        body{
            background: #efeff5;
        }
    </style>
</head>
<body>
<!-- 头部 -->
<header>
    <div class="part1 clearfix">
        <div class="pic fl">
            <img src="images/pic.png" alt="">
            <input type="file" id="pic">
            <a href="javascript:;">登陆</a>
            <span>/</span>
            <a href="javascript:;">注册</a>
        </div>
        <div class="part1-nav fr">
            <a href="javascript:;">
                <img src="images/pic1.png" alt="">
            </a>
            <a href="javascript:;">
                <img src="images/pic2.png" alt="">
            </a>
        </div>
    </div>
</header>
<!-- 头部结束 -->
<!-- 公共部分 -->
<div class="line"></div>
<!-- 公共部分结束 -->
<!-- 内容 -->
<section>
    <div class="content">
        <div class="content-tit clearfix">
            <div class="content-titl fl clearfix">
                <a></a>
                <span>我的订单</span>
            </div>
            <div class="ontent-titr fr clearfix">
                <span>全部订单</span>
                <a></a>
            </div>
        </div>
    </div>
    <div class="content-nav">
        <ul class="clearfix">
            <li>
                <a href="javascript">
                    <span>代付款</span>
                </a>
            </li>
            <li>
                <a href="javascript">
                    <span>代发货</span>
                </a>
            </li>
            <li>
                <a href="javascript">
                    <span>待收货</span>
                </a>
            </li>
            <li>
                <a href="javascript">
                    <span>评价晒单</span>
                </a>
            </li>
            <li>
                <a href="javascript">
                    <span>售后服务</span>
                </a>
            </li>
        </ul>
    </div>
<!-- 公共部分 -->
<div class="line"></div>
    <div class="content-nav1 content-nav">
        <ul class="clearfix">
            <li>
                <a href="javascript">
                    <span>收货地址</span>
                </a>
            </li>
            <li>
                <a href="javascript">
                    <span>收藏</span>
                </a>
            </li>
            <li>
                <a href="javascript">
                    <span>为您推荐</span>
                </a>
            </li>
            <li>
                <a href="javascript">
                    <span>历史浏览</span>
                </a>
            </li>
            <li>
                <a href="javascript">
                    <span>推荐有奖</span>
                </a>
            </li>
        </ul>
    </div>
<!-- 公共部分结束 -->
</section>
<!-- 内容结束 -->
<div class="heigh" style="height: 2rem;"></div>
<!-- 底部 -->
<footer>
    <div class="public-footer">
        <ul class="clearfix">
            <li>
                <a href="javascript:;">
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <span>购物车</span>
                </a>
            </li>
            <li  class="select">
                <a href="javascript:;">
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </div>
</footer>
<!-- 底部 -->
</body>
<script>
    $(function(){
        FastClick.attach(document.body);
        
        $('.public-footer li').click(function(){
            $(this).addClass('select').siblings().removeClass();
        })
    })
</script>
</html>{}